@import (reference) '~antd/es/style/themes/index';

.container {
    // display       : flex;
    // flex-direction: column;
    width     : 100%;
    height    : 100vh;
    overflow  : auto;
    background: #EFB134;
}

.header {
    width     : 100%;
    padding   : 0 15%;
    box-sizing: border-box;

    :global(.ant-dropdown-trigger) {
        margin-right: 24px;
    }
}

.content {
    // flex           : 1;
    display       : flex;
    box-sizing    : border-box;
    flex-direction: column;
    align-items   : center;
    height        : calc(100% - 100px);
    padding       : 32px 0;
}

.Dividers {
    height: 100%;
}

.Rows {
    width: 60%;
}

.leftLogo {
    width              : 206px;
    height             : 179px;
    margin             : 0 auto;
    background-image   : url(../../../../public/login.png);
    background-repeat  : no-repeat;
    background-position: center;
    background-size    : 80%;
}

.companyName {
    margin-top             : 30px;
    background             : linear-gradient(90deg, #4361ac, #332671);
    line-height            : 60px;
    font-family            : PingFangSC-Medium, PingFang SC;
    font-weight            : 500;
    font-size              : 50px;
    color                  : #332572;
    letter-spacing         : 5px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align             : center;
}

@media (min-width: @screen-md-min) {
    .container {
        background-repeat  : no-repeat;
        background-position: center 110px;
        background-size    : 100%;
    }

    .content {
        padding: 32px 0 24px;
    }
}

.icon {
    margin-left   : 8px;
    color         : rgba(0, 0, 0, 0.2);
    font-size     : 24px;
    vertical-align: middle;
    cursor        : pointer;
    transition    : color 0.3s;

    &:hover {
        color: @primary-color;
    }
}